<style>
    .content.fc ul li {

        vertical-align: middle;

        position: relative;

    }

    .content.fc ul li > table {
        display: inline-block;
        height: 60px;
        vertical-align: middle;
        line-height: 30px;
    }

    .content.fc ul li > img {

        width: 60px;
        height: 60px;
        vertical-align: middle;
    }

    .fc .head {
        width: 982px;
        height: 80px;
        /* background: rgba(250, 250, 250, 1);*/
        vertical-align: middle;
        padding-left: 27px;
        margin-bottom: 2px;
    }

    .fc .head li {
        float: left;
        height: 80px;
        line-height: 80px;
        text-align: center;
        margin-right: 147px;
        cursor: pointer;
    }

    .fc .head li.selected {
        color: #3286FF;
        border-bottom: #3286FF solid 2px;
    }

    .page_bar {
        margin-top: 26px;
    }

    .filter {
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: rgba(153, 153, 153, 1);
        height: 99px;
        line-height: 99px;
    }

    .filter input {
        font-size: 14px;
        font-family: Microsoft YaHei;
        color: #3A3F51;
    }

    .fc table {
        border-top: solid #DCE4F7 1px;
    }

    .fc table th {
        font-size: 14px;
        font-family: Microsoft YaHei-Bold;
        color: #3A3F51;
        font-weight: bold;
        height: 59px;
        border-bottom: solid #DCE4F7 1px;
    }

    .fc table td {
        font-size: 12px;
        height: 129px;
        border-bottom: solid #DCE4F7 1px;

    }

    .fc table td p {
        font-size: 12px;
        font-family: Microsoft YaHei;
        color: #FD7900;
        display: inline-block;
    }
</style>
<div class="right_content">
    <div class="panel">
        <div class="title" style="position: relative"><p>我的商品内容</p>
        <input type="text" placeholder="请输入商品ID进行搜索"
               style="width: 240px ;height: 40px;border-radius:5px;border:solid 1px #BFBFBF; outline:none;
               background: url('img/search@2x.png') no-repeat right; padding-right: 5px;position: absolute;right: 0">
        </div>
        <div class="content fc">
            <div style="background: rgba(250, 250, 250, 1);">
                <ul class="head">
                    <li class="selected">当前在线商品(222)</li>
                    <li>待审核(233)</li>
                    <li>无效商(1)</li>
                    <li>独家保护(234)</li>
                </ul>
            </div>
            <div class="filter">
                <input type="radio" style="margin:0 2px 0 25px;">开始 <input type="radio" style="margin-left: 37px"> 预告
                <span style="margin-left: 30px">
                当前有234条独家商品受到独家保护，
            </span><span style="color: #3286FF">10条信息需要您及时处理</span> 避免丢失独家商品！
                <input class="button larger" style="margin-left: 117px;cursor: pointer" value="发布新单">
            </div>
            <table>
                <thead>
                <th style="width: 64px">提交时间</th>
                <th style="width: 76px">主图</th>
                <th style="width: 145px">短标题</th>
                <th style="width: 150px">文案</th>
                <th style="width: 68px">劵后价</th>
                <th style="width: 71px">佣金(%)</th>
                <th style="width: 76px">优惠券</th>
                <th style="width: 66px">起止时间</th>
                <th style="width: 70px">状态</th>
                <th style="width: 60px">操作</th>

                </thead>
                <tbody>
                <tr>
                    <td style="text-align: center">2018-08-15 12:28:00</td>
                    <td style="text-align: center"><img src="img/sp.jpg" style="width: 60px;height: 60px"></td>
                    <td style="text-align: left">
                        <div>新款毛衣毛衣毛衣毛衣毛衣
                            毛衣毛衣毛衣毛衣毛...
                        </div>
                        <p>女装</p><img src="img/tb@2x.png"
                                      style="width: 16px;height: 16px;vertical-align: middle;margin-left: 2px"></td>
                    <td style="text-align: left;color: #999999">
                        新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣
                    </td>
                    <td style="text-align: center">59.99</td>
                    <td style="text-align: center">
                        <div>20</div>
                        <img src="img/tb@2x.png"
                             style="width: 16px;height: 16px;vertical-align: middle;"></td>
                    <td style="text-align: center">

                        <span  style="display: inline-block;text-align: center; width: 50px;height: 20px;line-height: 20px;color: #FFFFFF; background: url('img/youhuiquan@2x.png') no-repeat center">￥200</span>
                        <div style="margin: 5px auto">已领</div>2000</td>
                    <td style="text-align: center">2018-08-15 12:28:00<div>至</div>2018-08-15 12:28:00</td>
                    <td style="text-align: center">进行中</td>
                    <td style="text-align: center"><a style="color: #3286FF">查看</a><br> <a style="color: #3286FF">修改</a><br><a style="color: #3286FF">下架</a></td>
                </tr>
                <tr>
                    <td style="text-align: center">2018-08-15 12:28:00</td>
                    <td style="text-align: center"><img src="img/sp.jpg" style="width: 60px;height: 60px"></td>
                    <td style="text-align: left">
                        <div>新款毛衣毛衣毛衣毛衣毛衣
                            毛衣毛衣毛衣毛衣毛...
                        </div>
                        <p>女装</p><img src="img/tb@2x.png"
                                      style="width: 16px;height: 16px;vertical-align: middle;margin-left: 2px"></td>
                    <td style="text-align: left;color: #999999">
                        新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣
                    </td>
                    <td style="text-align: center">59.99</td>
                    <td style="text-align: center">
                        <div>20</div>
                        <img src="img/tb@2x.png"
                             style="width: 16px;height: 16px;vertical-align: middle;"></td>
                    <td style="text-align: center">
                        <span  style="display: inline-block;text-align: center; width: 50px;height: 20px;line-height: 20px;color: #FFFFFF; background: url('img/youhuiquan@2x.png') no-repeat center">￥200</span>

                        <div style="margin: 5px auto">已领</div>2000</td>
                    <td style="text-align: center">2018-08-15 12:28:00<div>至</div>2018-08-15 12:28:00</td>
                    <td style="text-align: center">进行中</td>
                    <td style="text-align: center"><a style="color: #3286FF">查看</a><br> <a style="color: #3286FF">修改</a><br><a style="color: #3286FF">下架</a></td>
                </tr>
                <tr>
                    <td style="text-align: center">2018-08-15 12:28:00</td>
                    <td style="text-align: center"><img src="img/sp.jpg" style="width: 60px;height: 60px"></td>
                    <td style="text-align: left">
                        <div>新款毛衣毛衣毛衣毛衣毛衣
                            毛衣毛衣毛衣毛衣毛...
                        </div>
                        <p>女装</p><img src="img/tb@2x.png"
                                      style="width: 16px;height: 16px;vertical-align: middle;margin-left: 2px"></td>
                    <td style="text-align: left;color: #999999">
                        新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣
                    </td>
                    <td style="text-align: center">59.99</td>
                    <td style="text-align: center">
                        <div>20</div>
                        <img src="img/tb@2x.png"
                             style="width: 16px;height: 16px;vertical-align: middle;"></td>
                    <td style="text-align: center">
                        <span  style="display: inline-block;text-align: center; width: 50px;height: 20px;line-height: 20px;color: #FFFFFF; background: url('img/youhuiquan@2x.png') no-repeat center">￥200</span>

                        <div style="margin: 5px auto">已领</div>2000</td>
                    <td style="text-align: center">2018-08-15 12:28:00<div>至</div>2018-08-15 12:28:00</td>
                    <td style="text-align: center">进行中</td>
                    <td style="text-align: center"><a style="color: #3286FF">查看</a><br> <a style="color: #3286FF">修改</a><br><a style="color: #3286FF">下架</a></td>
                </tr>
                <tr>
                    <td style="text-align: center">2018-08-15 12:28:00</td>
                    <td style="text-align: center"><img src="img/sp.jpg" style="width: 60px;height: 60px"></td>
                    <td style="text-align: left">
                        <div>新款毛衣毛衣毛衣毛衣毛衣
                            毛衣毛衣毛衣毛衣毛...
                        </div>
                        <p>女装</p><img src="img/tb@2x.png"
                                      style="width: 16px;height: 16px;vertical-align: middle;margin-left: 2px"></td>
                    <td style="text-align: left;color: #999999">
                        新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣新款毛衣毛衣毛衣毛衣
                    </td>
                    <td style="text-align: center">59.99</td>
                    <td style="text-align: center">
                        <div>20</div>
                        <img src="img/tb@2x.png"
                             style="width: 16px;height: 16px;vertical-align: middle;"></td>
                    <td style="text-align: center">
                        <span  style="display: inline-block;text-align: center; width: 50px;height: 20px;line-height: 20px;color: #FFFFFF; background: url('img/youhuiquan@2x.png') no-repeat center">￥200</span>

                        <div style="margin: 5px auto">已领</div>2000</td>
                    <td style="text-align: center">2018-08-15 12:28:00<div>至</div>2018-08-15 12:28:00</td>
                    <td style="text-align: center">进行中</td>
                    <td style="text-align: center"><a style="color: #3286FF">查看</a><br> <a style="color: #3286FF">修改</a><br><a style="color: #3286FF">下架</a></td>
                </tr>
                </tbody>
            </table>

            <div class="page_bar">
                <span>共120条记录</span>
                <button>上一页</button>
                <button>下一页</button>
            </div>
        </div>
    </div>

</div>
